#header {
  margin-top: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid $border-color;

  h1 {
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 4em;
    font-weight: bold;
    text-shadow: 2px 2px 2px #aaa;
    &:first-letter {
      font-size: 120%;
      color: lighten(adjust-hue($link-color, 120deg), 15%);
    }
  }

  .top-navigation {
    margin: 0;
    float: right;
    @include delimited-list("|");
    .sitemap {
      @include header-icon("sitemap.png");
    }
    .feeds {
      @include header-icon("rss.png");
    }
  }
}
